<!DOCTYPE html>
<html lang="zh"  xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  <title>后台首页 - 后台管理系统</title>
  <link href="/bbs/static/admin/css/bootstrap.min.css" rel="stylesheet">
  <link href="/bbs/static/admin/css/materialdesignicons.min.css" rel="stylesheet">
  <link href="/bbs/static/admin/css/style.min.css" rel="stylesheet">
<body>
<div class="lyear-layout-web">
  <div class="lyear-layout-container">
    <!--头部信息-->
    <div th:insert="~{admin/aside :: header1}"></div>
    <!--End 头部信息-->

    <!--左侧导航-->
    <div th:insert="~{admin/aside :: aside}"></div>
    <!--End 左侧导航-->

    <!--页面主要内容-->
    <main class="lyear-layout-content">
      <div class="container-fluid">

        <div class="row">
          <div class="col-lg-12">
            <div class="card">
              <div class="card-header"><h4>x修改信息</h4></div>
              <div class="card-body">

                <form th:action="@{/admin/updateType}" method="post" class="guide-box" data-navigateable="true">
                  <input type="hidden" th:value="${k.id}" name="id">

                  <ul class="nav-step step-dots">
                    <li class="nav-step-item active">
                      <span>步骤一</span>
                      <a class="active" data-toggle="tab" href="#step-1"></a>
                    </li>

                    <li class="nav-step-item">
                      <span>步骤二</span>
                      <a data-toggle="tab" href="#step-2"></a>
                    </li>


                  </ul>
                  <!--对应内容-->
                  <div class="nav-step-content">
                    <div class="nav-step-pane hidden active" id="step-1">
                      <div class="form-group">
                        <label>类别名</label>
                        <input class="form-control" type="text" name="name" th:value="${k.name}">
                      </div>
                    </div>

                    <div class="nav-step-pane hidden" id="step-2">
                      <div class="form-group">
                        <label>备注</label>
                        <input class="form-control" type="text" name="memo" th:value="${k.memo}">
                      </div>
                    </div>



                  </div>
                  <!--End 对应内容-->
                  <hr>
                  <div class="nav-step-button">
                    <button class="btn btn-secondary disabled" data-wizard="prev" type="button">上一步</button>
                    <button class="btn btn-secondary" data-wizard="next" type="button"  id="next">下一步</button>
                    <button class="btn btn-primary hidden" data-wizard="finish" type="submit">完成</button>
                  </div>
                </form>

              </div>
            </div>
          </div>

        </div>

      </div>
    </main>
    <!--End 页面主要内容-->
  </div>
</div>
<script type="text/javascript" src="/bbs/static/admin/js/jquery.min.js"></script>
<script type="text/javascript" src="/bbs/static/admin/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/bbs/static/admin/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/bbs/static/admin/js/main.min.js"></script>
<script src="/bbs/static/admin/js/lightyear.js"></script>
<script type="text/javascript" src="/bbs/static/admin/js/jquery.bootstrap.wizard.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    $('.guide-box').bootstrapWizard({
      'tabClass': 'nav-step',
      'nextSelector': '[data-wizard="next"]',
      'previousSelector': '[data-wizard="prev"]',
      'finishSelector': '[data-wizard="finish"]',
      'onTabClick': function(e, t, i) {
        if (!$('.guide-box').is('[data-navigateable="true"]')) return ! 1
      },
      'onTabShow': function(e, t, i) {
        t.children(":gt(" + i + ").complete").removeClass("complete");
        t.children(":lt(" + i + "):not(.complete)").addClass("complete");
      },
      'onFinish': function(e, t, i) {
        // 点击完成后处理提交
      }
    });
  });
</script>
</body>
</html>